<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
#header_container {
	background: #03C;
	height: 110px;
	width: 100%;
}
#header {
	background: #930;
	width: 900px;
	margin: 0 auto;/*height: 50%;*/
}
#logo {
	height: 55px;
	width: 1000px;
}
#menu {
	height: 55px;
	width: 1000px;
}
#banner {
	height: 515px;
	width: 100%;
	background: #C60;
	
}
#box {
	height: 160px;
	width: 80%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
}
#box_news {
	height: 150px;
	width: 30%;
	float: left;
	background: #633;
}
#box_active {
	height: 150px;
	width: 30%;
	float: left;
	background: #63F;
}
#box_product {
	height: 150px;
	width: 30%;
	float: left;
	background: #939;
}


#info{
height: 35px;
	width: 80%;
	background: #699;
	margin: 0 auto;/*height: 50%;*/
	}
	
#copyright{
	width: 80%;
	background: #C69;
	margin: 0 auto;/*height: 50%;*/	
	height: 30px;	
		
		}

</style>
<body>
<div id="header_container">
  <div id="header">
    <div id="logo">logo</div>
    <div id="menu">menu</div>
  </div>
</div>
<div id="content_container">
  <div id="content">
    <div id="banner"> banner </div>
    <div id="main">
      <div id="box">
        <div id="box_news">box_news</div>
        <div id="box_active"> box_active </div>
        <div id="box_product">box_product </div>
      </div>
    </div>
    
    
    <div id="sider"> </div>
    
    
  </div>
  
  <div id="footer_container">
  <div id="footer">
  
  <div id="info">info</div>
  <div id="copyright">contact</div>
   </div>
</div>
</div>

</body>
</html>
